<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<!--应用公有css-->
<head>
    <title>核酸检测结果查询</title>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"/>
    <meta name="renderer" content="webkit"/>
    <meta name="viewport"
          content="width=device-width, minimum-scale=1.0, maximum-scale=1.0, initial-scale=1.0, user-scalable=no">
    <link href="https://wx1.jkwlmq.cn/css/rbk-v1.4.0.min.css" rel="stylesheet">
    <link href="https://wx1.jkwlmq.cn/css/rubikui.css" rel="stylesheet">
    <link href="https://wx1.jkwlmq.cn/css/normalFontSize.css">
    <link href="https://wx1.jkwlmq.cn/css/appstyle-v1.0.0.min.css?v=1" rel="stylesheet">
</head>
<link href="https://wx1.jkwlmq.cn/css/weui/weui.css" rel="stylesheet">
<link href="https://wx1.jkwlmq.cn/css/weui/weuix.css" rel="stylesheet">
<style>
    .rbk-table-view-cell > a:not(.rbk-btn) {
        position: relative;
        display: block;
        overflow: hidden;
        padding: inherit;
        white-space: normal;
        text-overflow: ellipsis;
        color: inherit;
    }

    .rbk-table-view-cell:after {
        height: 0;
    }

    .toolbar .picker-button {
        position: absolute;
        right: 0;
        box-sizing: border-box;
        height: 2.2rem;
        line-height: 2.2rem;
        color: #10aeff;
        z-index: 1;
        padding: 0 .5rem;
    }

    .rbk-reporthead .rbk-table-view-cell:last-child {
        padding-bottom: 0px;
    }

    .patient-border {
        background: #FFF0E6;
    }

    .selectp {
        text-align: center;
        margin: 0;
    }

    .data_value {
        float: right;
    }

    .rbk-content p {
        margin-top: 0.1rem;
    }

    .lite {
        color: #999999;
    }

    .rbk-reporthead.rbk-list.rbk-table-view .rbk-listitem {
        background: transparent;
    }

    
    .rpfrm .rbk-listitem {
        padding-left: 10px;
    }

    .rplb {
        width: 29%;
        line-height: 20px;
        position: initial;
    }

    .data_value {
        width: 70%;
        text-align: right;
    }

</style>
<body>
<div id="detection">
    <img id="noPatient" class="imgs display-none" style="left: 35px;" src="https://wx1.jkwlmq.cn/images/rubiku/moren_05.png">
    <div class="rbk-content" style="padding-top: 0px;display:block" id="content">
        <div class="rbk-tab rbk-ht" id="tab">
            <div class="blue selectp patient-div patient-border" style="display: block;">
                <span>{{patientVisit.patientName}}&nbsp;&nbsp;{{patientVisit.idCard | formatIdCard}}&nbsp;&nbsp;</span>
                <i class="icon-bottom"></i>
            </div>
            <div v-for="detectionData in detectionList" style="margin: 0.3rem 0.2rem;">
                <div class="rbk-list rbk-reporthead rpfrm rbk-table-view" style="padding-bottom: 8px;margin: 0;">
                        <div>
                            <div class="rbk-listitem rbk-table-view-cell">
                                <span class="lite rplb">项目名称：</span>
                                <span class="data_value">{{detectionData.entryName}}</span>
                            </div>
                            <div class="rbk-listitem rbk-table-view-cell">
                                <span class="lite rplb">结&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;果：</span>
                                <span class="data_value">{{detectionData.result}}</span>
                            </div>
                            <div class="rbk-listitem rbk-table-view-cell">
                                <span class="lite rplb">采样时间：</span>
                                <span class="data_value">{{detectionData.samplingDate}}</span>
                            </div>
                            <div class="rbk-table-view-cell" style="text-align: center">
                                <label style="color: #27579F;">查看报告单详情>>></label>
                            </div>

                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div>
    <script src="https://wx1.jkwlmq.cn/js/vue/vue.js"></script>
    <script type="text/javascript">
            var detection = new Vue({
                el: '#detection',
                data: {
                    patientVisit: {
                        "patientName":"\u5F20\u6052",
                        "idCard":"659001199004201915"
                    },
                    detectionList: [{
                                    "entryName": "新型冠状病毒核酸检测(简称：NCoV)",
                                    "projectAbbreviation": null,
                                    "result": "阴性",
                                    "resultCode": null,
                                    "samplingDate": "2021-01-03 10:09:44",
                                    "address": "沙依巴克区疾病预防控制中心"
                                }, {
                                    "entryName": "新型冠状病毒核酸检测(简称：NCoV)",
                                    "projectAbbreviation": null,
                                    "result": "阴性",
                                    "resultCode": null,
                                    "samplingDate": "2021-01-09 10:03:21",
                                    "address": "沙依巴克区疾病预防控制中心"
                                }, {
                                    "entryName": "新型冠状病毒核酸检测(简称：NCoV)",
                                    "projectAbbreviation": null,
                                    "result": "阴性",
                                    "resultCode": null,
                                    "samplingDate": "2021-01-16 10:09:25",
                                    "address": "沙依巴克区疾病预防控制中心"
                                }]

                },
                filters: {
                    formatIdCard: function (val) {
                        if (val.length == 15) {
                            return val.substring(0, 4) + "*******" + val.substring(11, 15);
                        } else if (val.length == 18) {
                            return val.substring(0, 4) + "**********" + val.substring(14, 18);
                        }
                    },
                },
                methods: {

                }
            })
        </script>
</div>
</body>
</html>